import React from 'react'
import { EnvironmentOutline, SearchOutline } from 'antd-mobile-icons'
import "./Home.scss"
import { SearchBar } from 'antd-mobile'
import tu from "../../assets/images/aaa.jpg"
import HomeSwiper from './HomeSwiper'
import Tab from '../../components/Tab'
function Home() {
    return (
        <div className='box'>
            <div className='city'>
                <div className='head'>
                    <span><EnvironmentOutline />北京出发</span>
                    <span className='search'><SearchOutline />搜索目的地/景点/线路</span>
                    <span className='search-size'>搜索</span>
                </div>
                <div className='ly'>
                    <span>丽江</span>
                    <span>成都</span>
                    <span>哈尔滨</span>
                    <span>坝上草原</span>
                    <span>三亚</span>
                    <span>亲子游</span>
                    <span>西藏</span>
                </div>
                <div className='img'>
                    <img src={tu} alt="" />
                </div>
                <div>
                    <HomeSwiper></HomeSwiper>
                </div>
                <div className='bottom'>
                    <h3 className='size'>当季热门推荐</h3>
                </div>
                <div>
                    <Tab></Tab>
                </div>
            </div>
        </div>
    )
}

export default Home
